import * as React from 'react';
import { DroppableItemComponent, DraggableItemComponent, BuilderChildrenComponent, ISortable } from '..'
import * as uuid from "../content-builder/ContentBuilderComponent";
import {IComponentType} from "../../interfaces";

export function getMatGridItemSizeClass(size: number): string {
  return `mdc-layout-grid__cell mdc-layout-grid__cell--item mdc-layout-grid__cell--span-${size}`;
}

const GridComponent = ({ children, size, ...props }: ISortable) => {
  const className = getMatGridItemSizeClass(size)
  console.log('GridComponent', props, children)

  // data.children = children
  return (
    <div className='mdc-layout-grid__inner'>
      { children }
    </div>
  )
};

export default GridComponent
